<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单图片</title>
		<meta name="viewport"
			content="width=device-width,height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit" />
		<meta name="aplus-xplug" content="NONE">
		<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="/static/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="/static/layui/css/modules/admin/default/admin.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/new_layui.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/default.css" />

		<style>
			.img_arr_box {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: flex-start;
				margin-bottom: 10px;
				position: relative;
			}

			.img-box {
				width: 80px;
				height: 80px;
				margin-bottom: 10px;
				margin-right: 10px;
				cursor: pointer;
			}
			.btns{
				position: absolute;
				right: 0;
				top:-10px;
				display: none;
			}
		</style>
	</head>
	<body class="default">

		<div style="margin: 30px 20px;">
			<button type="button" id="close_page" class="layui-btn layui-btn-primary">关闭</button>
			{volist name="data" id="key"}
			<div class="layui-card">
				<div class="layui-card-header">{$key} -- {$data[$key][0]['admin_name']}</div>
				<div class="layui-card-body">
					<div class="img_arr_box">
						{volist name="data[$key]" id="list"}
						<div class="img-out" style="position: relative;display:flex">
							<a href="{$list.image_url}" target="_blank"><img src="{$list.image_url}" class="img-box" /></a>
							<button type="button" data-id="{$list.id}" class="layui-btn layui-btn-xs layui-btn-danger btns">
								<i class="layui-icon">&#xe640;</i>
							</button>
						</div>
						{/volist}
					</div>
				</div>
			</div>
			{/volist}
		</div>

		<script type="text/javascript">
			var delete_img_url = "{:url('order/delImage')}";
		</script>
		<script type="text/javascript" charset="utf-8" src="/static/layui/layui.js"></script>
		<script src="/static/js/order/get_image.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>